<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>基本过滤选择器</title>
	</head>
	<body>
		<ul>
			<li>哈哈哈哈，基本过滤选择器</li>
			<li>嘿嘿嘿</li>
			<li>天王盖地虎</li>
			<li>小鸡炖蘑菇</li>
			
		</ul>
	</body>
	<script src="jquery-3.2.1.js"></script>
	<script type="text/javascript">
		
		$(function(){
			//获取第一个 :first ,获取最后一个 :last
			
			//奇数
			$('li:odd').css('color','red');
			//偶数
			$('li:even').css('color','yellow');
			
			//选中索引值为1的元素 *
			$('li:eq(1)').css('font-size','100px');
			
			//大于索引值1
			$('li:gt(1)').css('font-size','50px');
			
			//小于索引值1
			$('li:lt(1)').css('font-size','12px');
			
			
			
			
		})
		
		
	</script>
</html>
